<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>performance性能监控</title>
    <style>
        .shop,
        .shopCart {
            width: 100px;
            height: 100px;
            background-color: red;
            animation: d infinite linear 1s;
        }
        @keyframes d {
            0% {
                transform: translateX(0);
            }
            25% {
                transform: translateX(100px);
            }
            50% {
                transform: translateX(200px);
            }
            75% {
                transform: translateX(100px);
            }

            100% {
                transform: translateX(0px);
            }
        }
        h6 {
            width: 100%;
            padding: 10px;
            background-color: #ccc;
        }
        .content {
            margin-top: 50px;
        }
        img {
            width: 100%;
            height: auto;
        }
    </style>
    <script src="https://cdn.bdsaas.com/agent-js/js/agent.axios@1.4.0.min.js"></script>
    <script type="module">
        import performance from './index.js'
        performance()
        // 测试first-paint, first-contentful-paint
        setTimeout(function (){
            document.querySelector('h6').innerHTML = '测试first-paint, first-contentful-paint'
        },1000)

        // 测试CLS  模拟布局偏移
        setTimeout(() => {
            const content = document.querySelector('.content');
            content.style.position = 'relative';
            content.style.top = '50px';
        }, 500);
        setTimeout(() => {
            const content = document.querySelector('.content');
            content.style.position = 'relative';
            content.style.top = '100px';
        }, 1000);

        // 测试 XMLHttpRequest 请求报错
        axios.get('http://192.168.21.154:8082/agent-system-rest/commission/getAdvancePaymentMonthCount')

        // 测试 XMLHttpRequest 请求报错
        fetch('http://192.168.21.154:8082/agent-system-rest/commission/getAdvancePaymentMonthCount')

        document.getElementById('shopCart').className = 'shopCart'
    </script>
</head>
<body>
<div id="app">
    <h6></h6>
    <div class="content">
        <p>This is a paragraph of text to test the First Contentful Paint (FCP).</p>
        <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
        <p>This is another paragraph of text to test the Largest Contentful Paint (LCP).</p>
        <input type="text" placeholder="测试FID,用户第一次操作">
        <select id="cities" placeholder="测试FID,用户第一次操作">
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
        </select>
    </div>
    <div id="shopCart"></div>
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
    <img src="../../observer-api/performanceObserver/images/big-img.jpg" alt="Placeholder Image">
</div>
</body>
</html>
